<template>
  <div class="commonBottom">
    <div class="panelBox">
      <div class="left">
        <div class="bottomItem">
          <div class="bottomTitle">产品服务</div>
          <div class="split"></div>
          <div class="infoBox">
            <div class="info" v-for="item in product" @click="toOther(item.route)">{{item.title}}</div>
          </div>
        </div>
<!--        <div class="bottomItem">-->
<!--          <div class="bottomTitle">行业解决方案</div>-->
<!--          <div class="split"></div>-->
<!--          <div class="infoBox">-->
<!--            <div class="info" v-for="item in programme" @click="toOther(item.route)">{{item.title}}</div>-->
<!--          </div>-->
<!--        </div>-->
<!--        <div class="bottomItem">-->
<!--          <div class="bottomTitle">税筹资讯</div>-->
<!--          <div class="split"></div>-->
<!--          <div class="infoBox">-->
<!--            <div class="info" v-for="item in information" @click="toOther(item.route)">{{item.title}}</div>-->
<!--          </div>-->
<!--        </div>-->
        <div class="bottomItem">
          <div class="bottomTitle">关于平台</div>
          <div class="split"></div>
          <div class="infoBox">
            <div class="info" v-for="item in about" @click="toOther(item.route)">{{item.title}}</div>
          </div>
        </div>
        <div class="bottomItem call">
          <div class="bottomTitle">联系我们</div>
          <div class="split"></div>
          <div class="infoBox">
            <div class="info">
              <img src="@/assets/commonBottom/phone.png" alt="">
              <div class="infoContent">400-800-7790</div>
            </div>
            <div class="info">
              <img src="@/assets/commonBottom/email.png" alt="">
              <div class="infoContent">12@qq.com</div>
            </div>
            <div class="info">
              <img src="@/assets/commonBottom/address.png" alt="">
              <div class="infoContent">湖南省长沙市岳麓区</div>
            </div>
          </div>
        </div>
      </div>
      <div class="right">
        <div class="QRCodeBox">
          <img src="" alt="">
          <div class="title">公众号</div>
        </div>
        <div class="QRCodeBox">
          <img src="" alt="">
          <div class="title">小程序</div>
        </div>
      </div>
    </div>
  </div>
</template>

<script>
	export default {
		name: "commonBottom",
		data() {
			return {
				product: [
					{title: '灵活用工', route: '/flexible'},
					{title: '个体户工商户', route: '/self'},
					{title: '立减金', route: '/ljj'},
				],
				programme: [],
				information: [],
				about: [
					{title: '平台入驻', route: '/about'},
					{title: '企业入驻', route: '/about'},
					{title: '服务商入驻', route: '/about'},
					{title: '合伙人计划', route: '/about'},
				]
			};
		},
		computed: {},
		watch: {},
		methods: {
			toOther(path) {
				this.$router.push({path})
			}
		},
		mounted() {
		},
		created() {
		}
	}
</script>

<style scoped lang="less" src="@/style/commonBottom/index.less">

</style>
